<template>
  <div class="work_order_material">
    <el-dialog
      customClass="mes_dialog"
      v-dialogDrag
      :close-on-click-modal="false"
      title="工序上料清单"
      width="60%" top="10%"
      :visible.sync="dialogTableVisible">
      <div class="table_container">
        <el-table
          border
          stripe
          :data="list"
          style="width: 100%">
          <el-table-column
            prop="sort"
            label="工序序号"
            align="center"
            width="100"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="workstageName"
            label="工序名称"
            show-overflow-tooltip
            width="100">
          </el-table-column>
          <el-table-column
            prop="workorderTecProcNumber"
            label="工艺规程编号"
            align="center"
            show-overflow-tooltip
            width="135">
          </el-table-column>
          <el-table-column
            prop="materialNumber"
            label="物料编码"
            align="center"
            width="110"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="drawingNumber"
            label="图号"
            align="center"
            width="100"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="materialName"
            label="物料名称"
            align="center"
            width="100"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="unit"
            label="计量单位"
            align="center"
            width="80"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="specification"
            label="物料型号规格"
            align="center"
            width="126"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="materialGrade"
            label="物料等级"
            align="center"
            width="100"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="materialType"
            label="物料类型"
            align="center"
            width="100"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="trackDemand"
            label="追溯要求"
            align="center"
            width="100"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="manufacturePurchase"
            label="制造外购"
            align="center"
            width="100"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="quantity"
            label="数量"
            align="center"
            width="80"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="companyId"
            label="制造单位"
            align="center"
            width="100"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="description"
            :resizable="false"
            label="备注"
            align="left"
            show-overflow-tooltip>
          </el-table-column>
        </el-table>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'workOrderMaterial',
  props: {
    list: { // 表格数据
      type: Array,
    }
  },
  data() {
    return {
      dialogTableVisible: false
    }
  }
}
</script>

<style lang="less">

</style>
